Taki Town
2024-10-25
Taki Town
Taki Town은 저의 개인 블로그이자 포트폴리오 웹입니다. 저에게 가장 가치있고 꾸준히 운영할 수 있는 프로젝트가 무엇일까 많은 고민을 했고, 저만의 웹서비스를 만들고자 결심하여 작업을 시작했습니다.
NextJs를 채택하여 개발하였습니다. SEO최적화와 더불어 NextJs에서 제공하는 다양한 렌더링 옵션의 장점을 선택하여 개발할 수 있다는 장점, 그리고 간소화된 풀스택 구현을 큰 매력으로 느껴 선택했습니다. 또한 NextJs 뿐 아니라 React의 다양한 생태계를 활용할 수 있다는 점도 NextJs를 선정한 큰 이유입니다.
CRUD라는 간단한 1차 기능을 목표로 프로젝트를 개발했으며, 사용자 경험을 중점으로 프로젝트를 유지보수하고 있습니다. 1차적으로는 패키지 의존성을 최소화시키고자, 꼭 필요하거나 경험해보고 싶었던 라이브러리만을 선정하여 사용했습니다. 하지만 현재 관점이 바뀌어, 추후 기능/스택을 지속적으로 업데이트하여 기술적 역량을 갖춘 개발자로 성장하기 위한 스케치북으로 활용될 블로그입니다.
저의 개인적인 이야기를 채워가는 의미로 시작한 프로젝트지만, 방문자들과 함께하는 프로젝트로 만들어가고자 합니다. 조금이라도 더 나은 사용자 경험을 적용하고자 고민하고 개선해나가고자 합니다. 또한 방문자들에게 포스팅 열람 이상의 유용한 서비스가 무엇이 있을지 생각합니다. 현재 Open AI를 통해, 각 포스팅과 관련된 외부 아티클들을 추천하는 기능을 추가하고자 개발하고 있습니다. 나아가, 해당 블로그의 컨텐츠 뿐만 아니라 공개적으로 접근할 수 있는 유용하고 다양한 정보들을 어떻게 제공해드릴지 고민하고 있습니다.
Dev period
2024.09.01 - Current
Links
Tech Stack
Service's Function
- 게시글 제공
- 관리자 로그인
- 관리자 게시글 관리(CRUD)
- 라이트/다크 모드
- 방문자 댓글 작성/수정
- 방명록 기능
Main Feature
AI 관련 아티클 추천 기능
: '개발' 포스팅 열람 시, AI를 통해 외부 아티클을 추천 받을 수 있습니다.
Open-AI와 Google-Search-Api를 통해 구현했습니다. 관련 주제에 대한 Google 검색 결과를 AI에게 넘긴 후 5개의 아티클을 추천 받습니다.
다크모드 제공
: 다크모드를 통해 보다 쾌적한 열람 환경을 제공합니다.
또한 code-syntax-highlighter를 통해 포스팅 내 코드블럭에 대한 가독성을 높였습니다.
방명록 및 댓글 기능
: 로그인 필요없이 간단한 비밀번호 설정으로 댓글을 남길 수 있습니다. 설정한 비밀번호는 댓글을 수정하는데 사용되며 bcrypt를 통해 암호화되어 보관됩니다.
백오피스 구현
: 게시글 및 댓글을 관리할 수 있는 백오피스를 구현했습니다. 관리자 로그인을 통해 백오피스에 접근할 수 있습니다.
백오피스 내 텍스트 에디터
: React-Markdown을 통헤 텍스트 에디터를 구현했습니다. 마크다운 & html을 사용하여 게시글을 작성할 수 있습니다.
